// pages/charts/charts.js
Page({
    data: {
        chartTypes: [{
            id: 'line',
            name: '折线图',
            description: '展示数据随时间变化的趋势，适合连续数据分析',
            icon: '📈',
            features: ['趋势分析', '时间序列', '多维对比'],
            recommended: true,
            preview: 'line'
        }],
        templates: [{
            id: 'traffic',
            name: '流量统计',
            description: '网站访问量趋势',
            icon: '📈',
            chartType: 'line'
        }]
    },

    onLoad() {
        console.log('Charts page loaded');
    },

    onReady() {
        console.log('Charts page ready');
    },

    // 返回上一页
    goBack() {
        wx.navigateBack();
    },

    // 显示帮助信息
    showHelp() {
        wx.showModal({
            title: '图表类型选择',
            content: '选择适合您数据的图表类型，不同类型适用于不同的数据展示需求。推荐类型更适合初学者使用。',
            showCancel: false,
            confirmText: '知道了'
        });
    },

    // 选择图表类型
    onSelectChartType(e) {
        const {
            type
        } = e.currentTarget.dataset;

        // 直接跳转到测试页面
        wx.navigateTo({
            url: `/pages/addCharts/addCharts?type=${type}`
        });
    },

    // 查看示例
    onViewExample(e) {
        const {
            type
        } = e.currentTarget.dataset;
        wx.navigateTo({
            url: `/pages/test-echarts/test-echarts?type=${type}&example=true`
        });
    },

    onShow() {
        console.log('Charts page show');
    },

    onHide() {
        console.log('Charts page hide');
    },

    onUnload() {
        console.log('Charts page unload');
    }
});